*{
    margin:0;
    padding:0;
}
body,html{
    width:100%;
    height:100%;
    overflow: hidden;
}
.main{
    width:100%;
    height:100%;
    background-color: rgb(245,245,245);
    display: flex;
    justify-content: space-between;
    position: relative;
}
/* 主体左侧导航样式 */
.main .main-l{
    width:21%;
    height:100%;
    background-color:#fff;
    padding:0 0.5rem;

}
.main .main-l ul{
    width:100%;
    list-style: none;
    
}
.main .main-l ul li{
    width:100%;
    height:4.8rem;
    text-align: center;
    font-size:1rem;
    padding:1rem 0;
    border-bottom: 1px solid rgb(232,232,232);
   
}
.main .main-l ul li>div:first-child{
    font-size: 1.2rem;
    color:rgb(104,104,104);
}
.main .main-l ul li>div:last-child{
    color:rgb(156,156,156);
}
/* 主题右侧样式 */
.main .main-r{
    width:75%;
    height:100%;
    margin-left:0.8rem;
    position: relative;
}
/* 主体右侧 固定选项栏样式*/
.main-rtop{
    width:100%;
    height:7%;
    padding:0.5rem;
    position: absolute;
    right:0;
    top:0;
    color:rgb(113,113,113);
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}
.sign-time>img{
    width:0.6rem;
}
.screen>img{
    width:1rem;
}
/* 主体右侧 列表样式 */
.main-rlist{
    margin-top: 3.4rem;
    padding-right:0.8rem;
    width:100%;
    list-style: none;
    height:90%;
    overflow-y: scroll;
}
.main-rlist>li{
    width:100%;
    padding:0 0.5rem;
    border-radius: 5px;
    background-color:#fff;
}
.main-rlist>li+li{
    margin-top:0.5rem;
}
.item-head,.item-foot{
    width:100%;
    padding:0.5rem;
    
    display: flex;
    justify-content: space-between;
}
.item-head{
    border-bottom: 1px solid rgb(232,232,232);
}

.item-head>div.head-l>img{
    width:2rem;
}
.item-head>div.head-l>span{
    margin-left:0.5rem;
}
.item-head>div.head-r{
    width:0.7rem;
    height:auto;
}
.item-head>div.head-r img{
    width:100%;
}
.item-foot>.foot-left>div{
    display:inline-block;
    width:1.3rem;
}
.note-img{
    margin-left:1rem;
}
.item-foot>.foot-left>div>img{
    width:100%;
}
.item-foot>.foot-left>div>img+img{
    margin-left: 0.5rem;
}
.item-foot>.foot-right img{
    width:1.5rem
}
.item-body{
    width:100%;
    height:auto;
    padding: 0 0.5rem;
    font-size: 0.8rem;
}
.item-body>div{
    border-bottom: 1px solid rgb(232,232,232);
    padding:0.5rem 0
}
.content-top>div+div,.content-bottom>div+div{
margin-top: 0.5rem;
}
.content-bottom{
    color:rgb(154,154,154,154);
}
/* 筛选 弹框样式 */
#shaixuan{
    width:100%;
    height:100%;
    background-color: rgba(115,115,115,0.5);
    display: none;
    position: absolute;
    top:0;
    left:0;
    
}

.shaixuan-left{
    width:20%;
    height:100%;
    float:left;
}
.shaixuan-content{
    width:80%;
    height:100%;
    background-color: #fff;
    padding:0 0.5rem;
    display: inline-block;
    position:relative;
}

.shaixuan-content>div+div{
    margin-top:1rem
}
.shaixuan-content>div.recommend-time>div,.firstvisit-time>div{
    display: inline-block;
}
.shaixuan-content>div:first-child{
    width:100%;
    height:3rem;
    line-height: 5rem;
    text-align: left;
    color:rgb(70,70,70);
}
.recommend-time>div+div,.firstvisit-time>div+div{
    margin-left:0.5rem;
}
.recbtn{
    width:41%;
    height:2rem;
    line-height: 2rem;
}
.recbtn>input{
    
    background-color: rgb(240,240,240);
    color:rgb(155,155,155);
    border-radius: 20px;
    text-align: center;
    font-size:0.8rem;
}
.rec-line{
    width:1rem;
    height:0.2rem;
    background-color: rgb(240,240,240);
}
.shaixuan-foot{
    width:100%;
    height:4rem;
    padding:0.5rem;
    display: flex;
    justify-content: space-between;
    position:absolute;
    left:0;
    bottom:0;
    

}
.shaixuan-foot>div{
    width:48%;
    height:3rem;
    line-height:3rem;
    color:#fff;
    font-size: 1.1rem;
    border-radius: 5px;
    text-align: center;
}
.shaixuan-foot>div.reset{
    background-color: rgb(241,184,94);
}
.shaixuan-foot>div.query{
    background-color: rgb(242,162,59);
}
/* 弹窗手机号码样式 */
/* .tel{
    width:100%;
    height:4.5rem;
    line-height: 4.5rem;
    text-align: center;
} */
/* 弹窗按钮样式 */
/* .mybtn{
    width:100%;
    height:2.5rem;
    line-height: 2.5rem;
    font-size: 0.8rem;
    border-top: 1px solid rgb(232,232,232);
}
.mybtn>div{
    width:48%;
    height:100%;
    text-align: center;
    display: inline-block;
    
}
.mybtn>div+div{
    border-left: 2px solid rgb(232,232,232);
}
.mybtn>div:first-child{
    color:rgb(163,163,163);
}
.mybtn>div:last-child{
    color:rgb(226,166,74);
} */